// 存数据， mobx 代码量更少
import { makeAutoObservable, autorun } from 'mobx'
// 构建数据类
class CollapsedStore {
    // 声明数据 state
    collapsed = localStorage.getItem('collapsed') == 'true' ? true : false;

    // 将数据设置为响应式
    constructor() {
        makeAutoObservable(this)
    }
    change() {
        this.collapsed = !this.collapsed
    }
}
// 导出 store实例
const collapsedStore = new CollapsedStore()

autorun(() => {
    localStorage.setItem("collapsed", CollapsedStore.collapsed)
})
export default collapsedStore